<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>首页</title>
    <style>
        .name{
            background-color:black;
            height: 70px;
        }
        .carousel{
            height: 500px;
            width: 1000px;
            margin-bottom: 60px;
        }
        .carousel .item{
            height: 500px;
            background-color: #000;
        }
        .carousel .item img{
            width: 100%;
        }
        .carousel-caption{
            z-index: 10;
        }
        .carousel-caption p{
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 1.8;
        }
    </style>
</head>
<body>
    <div class="name">
       <nav class="navar navbar-default navbar-fixed-top" role="navigation">
        <ul class="nav nav-tabs">
  <li ><a href="#"><img width="100" height="30" src="img/logo.jpg" alt=""></a></li>
  <li><a href="./%E5%AE%98%E6%96%B9%E7%BD%91%E7%AB%99.html">官方网站</a></li>
  <li><a href="./%E9%A6%96%E9%A1%B5.html">首页</a></li>
  <li><a href="#">男子</a></li>
  <li><a href="#">女子</a></li>
  <li><a href="#">男童</a></li>
  <li><a href="#">女童</a></li>
       <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    系列 <span class="caret"></span>
                </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="./%E7%AF%AE%E7%90%83.html">篮球</a></li>
                    <li><a href="./%E7%BE%BD%E6%AF%9B%E7%90%83.html">羽毛球</a></li>
                    <li><a href="./%E8%B7%91%E6%AD%A5.html">跑步</a></li>
                    <li class="divider"></li>
                    <li><a href="./%E8%AE%AD%E7%BB%83.html">训练</a></li>
                    <li class="divider"></li>
                    <li><a href="./%E8%BF%90%E5%8A%A8%E6%97%B6%E5%B0%9A.html">运动时尚</a></li>
                </ul></li>
       <li><a href="#">新品</a></li>
       <li><a href="#">更多品牌</a></li>
       <li><form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">提交</button>
        <a type="button" class="btn btn-default"
 href="%E7%99%BB%E5%BD%95%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.html">登录注册</a>
    </form></li>
       </ul>
       </div>
    
       <div style="height:80px"></div>
   <div style="width:100% ;height:100%"； id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>   
    <div class="carousel-inner">
        <div class="item active">
            <img   src="img/ln1.jpg"  alt="First slide">
        </div>
        <div class="item">
            <img width="100%" src="img/ln2.jpg" alt="Second slide">
        </div>
        <div class="item">
            <img width="100%" src="img/ln3.jpg" alt="Third slide">
        </div>
    </div>
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
</div>
          <br>
          <ul class="nav nav-tabs" role="tablist" id="feature-tab">
              <li class="active"><a href="#tab-跑步系列"  data-toggle="tab">跑步系列</a></li>
             <li><a href="#tab-篮球系列"  data-toggle="tab">篮球系列</a></li>
             <li><a href="#tab-运动时尚"  data-toggle="tab">运动时尚</a></li>
             <li><a href="#tab-训练系列" role="tab" data-toggle="tab">训练系列</a></li>
             <li><a href="#tab-乒羽系列" role="tab" data-toggle="tab">乒羽系列</a></li>
         </ul>
         <div class="tab-content">
             <div class="tab-pane active" id="tab-跑步系列">
                 <dvi class="row feature">
                     <div class="col-md-">
                         <h2 class="feature-heading"><span class="text-muted"></span></h2>
                         <p class="lead"><img width="100%" src="%E5%9B%BE1.1.jpg" alt=""><br>
                         <br>
                          <div>
                              <div class="col-md-1"></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.1.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.2.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.3.png" alt=""></a></div>
                              <div class="col-md-4"><a href=""><img width="100%" src="img/rxl1.4.png" alt=""></a></div>
                              <div class="col-md-1"></div>
                          </div>
                          <div style="height:270px"></div>
                           <div>
                               <div class="col-md-1"></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.1.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.2.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.3.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.4.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.5.png" alt=""></a></div>
                               <div class="col-md-1"></div>
                           </div>  
                     </div>
                     <div class="col-md-">
                     </div>
                 </dvi>
             </div>
             <div class="tab-pane" id="tab-篮球系列">
                  <div class="col-md-5">
                     </div>
                  <div class="col-md-">
                         <h2 class="feature-heading"><span class="text-muted"></span></h2>
                         <p class="lead"><img src="%E5%9B%BE2.1.jpg" alt=""><br>
                         <img src="%E5%9B%BE2.png" alt=""></p>
                         <div>
                              <div class="col-md-1"></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.1.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.2.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.3.png" alt=""></a></div>
                              <div class="col-md-4"><a href=""><img width="100%" src="img/rxl1.4.png" alt=""></a></div>
                              <div class="col-md-1"></div>
                          </div>
                          <div style="height:270px"></div>
                           <div>
                               <div class="col-md-1"></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.1.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.2.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.3.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.4.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.5.png" alt=""></a></div>
                               <div class="col-md-1"></div>
                           </div>  
                         <div class="col-md-3"></div>
                     </div>
             </div>
             <div class="tab-pane" id="tab-运动时尚">
                  <div class="col-md-">
                         <h2 class="feature-heading"><span class="text-muted"></span></h2>
                         <p class="lead"><img src="%E5%9B%BE3.1.jpg" alt=""><br>
                         <img src="%E5%9B%BE3.png" alt=""></p>     
                     </div>
                     <div>
                              <div class="col-md-1"></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.1.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.2.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.3.png" alt=""></a></div>
                              <div class="col-md-4"><a href=""><img width="100%" src="img/rxl1.4.png" alt=""></a></div>
                              <div class="col-md-1"></div>
                          </div>
                          <div style="height:270px"></div>
                           <div>
                               <div class="col-md-1"></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.1.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.2.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.3.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.4.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.5.png" alt=""></a></div>
                               <div class="col-md-1"></div>
                           </div>  
                     <div class="col-md-5">
                     </div>
             </div>
             <div class="tab-pane" id="tab-训练系列">
                 <div class="col-md-">
                         
                     </div>
                  <div class="col-md-">
                         <h2 class="feature-heading"><span class="text-muted"></span></h2>
                         <p class="lead"><img src="%E5%9B%BE4.1.jpg" alt=""><br>
                         <img src="%E5%9B%BE4.png" alt=""></p>    
                     </div>
                     <div>
                              <div class="col-md-1"></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.1.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.2.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.3.png" alt=""></a></div>
                              <div class="col-md-4"><a href=""><img width="100%" src="img/rxl1.4.png" alt=""></a></div>
                              <div class="col-md-1"></div>
                          </div>
                          <div style="height:270px"></div>
                           <div>
                               <div class="col-md-1"></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.1.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.2.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.3.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.4.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.5.png" alt=""></a></div>
                               <div class="col-md-1"></div>
                           </div>  
             </div>
             <div class="tab-pane" id="tab-乒羽系列">
                  <div class="col-md-">
                         <h2 class="feature-heading"><span class="text-muted"></span></h2>
                         <p class="lead"><img src="%E5%9B%BE5.1.jpg" alt=""><br>
                         <img src="%E5%9B%BE5.png" alt=""></p>     
                     </div>
                     <div>
                              <div class="col-md-1"></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.1.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.2.png" alt=""></a></div>
                              <div class="col-md-2"><a href=""><img width="100%" src="img/rxl1.3.png" alt=""></a></div>
                              <div class="col-md-4"><a href=""><img width="100%" src="img/rxl1.4.png" alt=""></a></div>
                              <div class="col-md-1"></div>
                          </div>
                          <div style="height:270px"></div>
                           <div>
                               <div class="col-md-1"></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.1.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.2.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.3.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.4.png" alt=""></a></div>
                               <div class="col-md-2"><a href=""><img width="100%" src="img/rxl2.5.png" alt=""></a></div>
                               <div class="col-md-1"></div>
                           </div>  
                     <div class="col-md-5">
                     </div>
             </div>
         </div>
         <img src="%E5%BA%95%E9%83%A8.png" alt="">
          <footer>
            <p class="pull-right"><a href="#top">返回顶部</a></p>
        </footer>
</body>
</html>